/*CUSTOM CSS*/
body{color:#333; font:14px/1.8 "微软雅黑", "arial", "Verdana"}
body, html, header, footer { min-width:1200px; width:expression(document.body.clientWidth < 1200? "1200px": "100%" )/*最小宽度设置*/}
body, html{ height:100%; min-height:800px; height:expression(document.body.clientHeight < 800? "800px": "100%" )/*最小高度设置*/} 
/*.in-banner { position:absolute; right:0; top:50px; width:68%; height:95%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.in-banner{ background: url(../img/repair-img.png) no-repeat top right / cover;}*/
.repair-bg{ background:url(../img/repair-bg.png)}
.in-img{ background:url(../img/in-bg.jpg) no-repeat top right / cover;}

.container {
	width:1200px;
}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft24{ font-size:24px;}
.ft30{ font-size:30px;}

.ft-red{ color:#d54848;}
.ft-orange{ color:#ec971f;}
.ft-green{ color:#5ebf80;}
.ft-light-blue{ color:#ade9ff;}
.ft-blue{ color:#35b5e5;}
.ft-yellow{ color:#ffea00;}
.ft-white{ color:white}

.ft-grey3{ color:#333;}
.ft-grey6{ color:#666;}
.ft-grey6 a{ color:#666;}
.ft-grey6 a:hover{ color:#258ecb; text-decoration:none;}
.ft-grey9{ color:#999;}
.ft-grey9 a{ color:#999;}
.ft-grey9 a:hover{ color:#258ecb; text-decoration:none;}
.bg-white{ background-color:white}
.bg-blue{ background:#0185d1;}
.bg-blue01{ background:#35b5e5;}
.bg-blue02{ background:#059ad2;}
.bg-orange{ background:#ff9000;}
.bg-green{ background:#00a83b;}
.mar-l3{ margin-left:3%;}
.mar-t66{ margin-top:66px;}
.mar-t30{ margin-top:30px;}
.mar-t20{ margin-top:20px;}
.mar-t15{ margin-top:15px !important;}
.mar-t10{ margin-top:10px;}
.mar-t8{ margin-top:8px;}
.mar-l18{ margin-left:18px;}
.mar-l30{ margin-left:30px;}
.mar-l60{ margin-left:60px;}
.mar-r15{ margin-right:15px;}
.mar-lr15{ margin-left:15px; margin-right:15px;}

.pad-tb20{ padding-top:20px; padding-bottom:20px;}
.padding15{ padding:15px; }

.wid130{ width:130px;}

.height5{ height:5px;}
.height10{ height:10px;}
.height30{ height:30px;}
.height45{ height:45px;}
.pad0{ padding:0 !important;}
.mar0{ margin:0 !important;}
.border-ra5{border-radius:5px;}
.label{ font-weight:normal;}
.avatar-view a img{ width: 20px;}
/*index-HEADER*/
.repair-logo{ background:url(../img/logo-repair.png) no-repeat; width:370px; height:60px;}
.repair-menu{ margin-top:1px; margin-left:10%; height:104px; font-size:16px; line-height:22px;letter-spacing:2px; text-align:center;}
.repair-menu > div { width:66px; float:left; margin-right:1px;}
.repair-menu .icon{ position: absolute; bottom:0; width:66px; height:44px; line-height:40px;}
.repair-home .txt{ border-radius:5px 0 0 5px;}
.repair-home .tab-bg{ border-radius:5px 0 0 0;}
.repair-user .txt{ border-radius:0 5px 5px 0;}
.repair-user .tab-bg{ border-radius:0 5px 0 0;}
.repair-home .icon, .repair-home .txt-box {background:rgba(60, 146, 220, 1);}
.repair-notice .icon, .repair-notice .txt-box {background:rgba(55, 180, 230, 1);}
.repair-guide .icon, .repair-guide .txt-box {background:rgba(95, 190, 130, 1);}
.repair-user .icon, .repair-user .txt-box {background:rgba(240, 160, 50, 1);}
.in-user-txt a{ color:#333;}
.in-user-txt a:hover{ color:#0185d1;}
/*HEADER*/
header .top-nav{ padding:0 0 0 1%; overflow:hidden; background:#02507e; height:46px;line-height:46px; color:#bfe4fa; }
header a{color:#bfe4fa;}
header a:hover{ text-decoration:none; color:#fff;}
header a.link{ color:#fff; }
header a.link:hover{ color:#bfe4fa;}

/* 定义menu鼠标滑过 */
.menu-box{position:relative; overflow: hidden; height:104px; cursor:pointer;}
.menu-box { display: block;background-color: transparent; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
/* menu hover */
.txt-box{ position: absolute; top:0; left:0; width: 100%;padding-top:12px;padding-left:10px; padding-right:10px;border-radius: 0px;display: none;text-align: center; color:#fff !important; z-index: 1; height:65px;}
.txt-box{ position: absolute; top:0; left:0; width: 100%; padding-top:12px; padding-left:10px; padding-right:10px; border-radius: 0px;display: none;text-align: center; color:#fff !important; z-index: 1; height:65px;}
.menu-notice{ float:left; width:66px;}
.menu-notice a{ background:#35b5e5; width:66px; height:44px; display:block;}
.menu-notice a:hover{ background:#35b5e5; width:66px; height:104px;}
.user-box{ float:right; margin-right:1%; height:50px; line-height:50px; }
.user-box .b-login{ color:#999;}
.user-box i { float:left; margin-top:10px; margin-right:10px; background:url(../img/icon-userimg.png) no-repeat; width:30px; height:30px; display:inline-table;}
.user-box i img{ vertical-align:top;}
.user-box .a-login{ position:relative;}
.user-box .a-login .label{position:absolute; top:5px; right:-7px; text-align:center; font-family:"Arial, Helvetica, sans-serif"; font-size:6px; padding:2px 3px; line-height:.9}

.in-sidenav{ float:left; width:90px; margin-left:4%; margin-top:8%;}
.in-sidenav > div { height:118px;}
.in-sidenav > div > div { height:118px; font-size:16px;}
.in-sidenav .line { width:3px; height:118px; background:#999; margin-top:1px;}
.in-sidenav .bg-blue{ background:#0185d1;}
.in-sidenav .bg-orange{ background:#ff9000;}
.in-sidenav .bg-green{ background:#00a83b;}
.in-sidenav p{ margin-top:15px;}
.in-txt{ float:left; margin-top:12%; margin-left:2%;}
.in-btn{ position:absolute; left:15%; bottom:35%; }
.btn-orange { color: #fff; background-color: #ff9000; border-color: #eea236;}
.btn-orange:focus, .btn-orange.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; outline:none;}
.btn-orange:hover { color: #fff; background-color: #ec971f; border-color: #d58512;}
.btn-orange:active:focus{ outline:none;}

.btn-green { margin-right: 4px; padding:9px 10px;color: #fff; background-color: #5fbe82; border-color: #51b074;}
.btn-green:focus, .btn-blue.focus { color: #fff; background-color: #51b074; border-color: #41a867; outline:none;}
.btn-green:hover { color: #fff; background-color:#51b074; border-color: #41a867;}
.btn-green:active:focus{ outline:none;}

.btn-blue { color: #fff; background-color: #00c6ff; border-color: #46b8da; padding:10px 10px;}
.btn-blue:focus, .btn-blue.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; outline:none;}
.btn-blue:hover { color: #fff; background-color:#31b0d5; border-color: #269abc;}
.btn-blue:active:focus{ outline:none;}

@media (max-height: 800px) {
	.in-btn{ float:left; left:15%; top:490px; }
}
.in-down-box{float:left; width:30px; margin-top:80px;}
.in-down-box .btn-bg{ padding:0 5px;}
.open > .btn-bg {color: #fff; background-color:#3c92dc;}
.code-menu { padding:10px; margin-top: 0; min-width: 130px;}
.in-downmenu { padding:5px 10px; margin-top: 0;}
.in-downmenu > li > a{ border-radius:3px; background-color: #f5f5f5; margin:5px 0; color:#2f88ce;}
.in-downmenu > li > a:hover, .in-downmenu > li > a:focus { color: #fff; text-decoration: none; background-color: #3c92dc;}
/* footer */
.footer { position:absolute; bottom:1%; left:5%; color:#888;}
footer p{ padding:0; margin:0;}
footer a{ line-height:60px; color:#666;}
footer a:hover{ text-decoration:none; color:#0574bb;}
footer a.link{ color:#0574bb; font-weight:400;}
footer a.link:hover{ color:#333;}
footer .txt{ border-left:1px #ddd solid; height:40px; padding-left:15px; line-height:20px; margin-left:20px;}
@media (max-height: 800px) {
	.footer{ float:left; left:5%; top:710px; }
}
.footer01{ margin-bottom:15px; border-top:1px #ddd solid; height:50px; line-height:50px; text-align:center;}
/* location */
.repair-location{ padding-left:20px; border-bottom:1px #ddd solid; background:url(../img/icon-location-blue.png) no-repeat 0 8px; line-height:30px; }
.repair-location span{ font-family:"宋体"}
/* 报修 */
.register-form label{ font-weight:normal; text-align:right;}
.repair-ti-teb a{ position:relative; display:inline-table; margin:0 5px; width:76px; height:74px; background-color:#f4f4f4; border:1px #c9c9c9 dotted; color:#666; text-align:center; }
.repair-ti-teb a:hover { background-color:#e2e2e2; text-decoration:none; color:#333;}
.repair-ti-teb i { display:inline-table; margin-top:12px; width:24px; height:24px;}
.repair-ti-teb i.tab-icon01{ background:url(../img/icon05-1a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon02{ background:url(../img/icon05-2a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon03{ background:url(../img/icon05-3a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon04{ background:url(../img/icon05-4a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon05{ background:url(../img/icon05-5a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon06{ background:url(../img/icon05-6a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon07{ background:url(../img/icon05-7a.png) no-repeat center; } 
.repair-ti-teb i.tab-icon08{ background:url(../img/icon05-8a.png) no-repeat center; } 
.repair-ti-teb a.on{background-color:#35b5e5; border:1px #35b5e5 solid; color:#fff;}
.repair-ti-teb a.on em{ position:absolute; top:0; right:0; background:url(../img/icon-on.png) no-repeat; width:32px; height:32px;}
.repair-ti-teb a.on i.tab-icon01{ background:url(../img/icon05-1b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon02{ background:url(../img/icon05-2b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon03{ background:url(../img/icon05-3b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon04{ background:url(../img/icon05-4b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon05{ background:url(../img/icon05-5b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon06{ background:url(../img/icon05-6b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon07{ background:url(../img/icon05-7b.png) no-repeat center; }
.repair-ti-teb a.on i.tab-icon08{ background:url(../img/icon05-8b.png) no-repeat center; }
.repair-ti-teb p{ margin:0; line-height:18px;}

.register-tab{ height:40px; background-color:#f4f4f4; border-bottom:1px #e5e5e5 solid;}
.register-tab li{ list-style:none;}
.register-tab .icon-box { padding:0; margin:0;}
.register-tab .icon-box > li{float:left; padding:0; margin-right:2px; text-align:center; font-size:16px; font-weight:400; background-color:transparent;}
.register-tab .icon-box > li a{ display:block; padding:0 15px; border-left:1px #f4f4f4 solid; border-top:1px #f4f4f4 solid; border-right:1px #f4f4f4 solid; color:#333; height:40px; line-height:40px; }
.register-tab .icon-box > li > a:hover { background-color: #fff; text-decoration:none; color:#333;}
.register-tab .icon-box > li.active > a,
.register-tab .icon-box > li.active > a:hover,
.register-tab .icon-box > li.active > a:focus {cursor: default; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; text-decoration:none; background-color:#fff; color:#35b5e5;}
.register-tab .info-text{ float:right; color:#666; margin-top:26px;}
.register-more-keyword{ background-color:#f4f4f4; border-top:1px #e9e9e9 solid;}
.register-more-keyword .filter-item dl{ border-bottom:1px #e8e8e8 solid; height: auto; overflow: hidden; margin-bottom:0;}
.register-more-keyword .filter-item dl dt{ float:left; font-weight:normal; color:#999; line-height:50px;}
.register-more-keyword .filter-item dl dd{ float:left; cursor:pointer; margin-left:10px; margin-top:15px; margin-bottom: 5px; width: 1100px;}
.register-more-keyword .filter-item dl dd a{ display:inline-table; padding:3px 10px; margin-bottom: 5px; color:#333;}
.register-more-keyword .filter-item dl dd a:hover, .register-more-keyword .filter-item dl dd a.on{ background-color:#35b5e5; border-radius:3px; text-decoration:none; color:#fff;}
.no-line{ border-bottom:none;}
.register-more-keyword label{ font-weight:normal; text-align:left;}
.icon-down i, .icon-up i{ display:inline-table; margin-left:10px; width:20px; height:11px;}
.icon-down i{ background:url(../img/icon-up.png) no-repeat; }
.icon-up i{ background:url(../img/icon-down.png) no-repeat; }
.btn-fold{ cursor:pointer; background-color:#e5e5e5; border-radius:0; width:150px; height:30px; line-height:30px; text-align:center; color:#999;}
.btn-fold:hover{ color:#333}
/* 报修详情 */
.portrait{ background:url(../img/portrait.png) no-repeat; width:110px; height:110px;}
.repair-details ul{ margin:0; padding:0;}
.repair-details li{ list-style:none;}
.repair-details {}
.repair-details .top-btn{ position:absolute; right:20px; top:45px;}
.repair-img{ background:url(../img/repair-img01.png) no-repeat; width:56px; height:34px; display:inline-table; margin-left:200px;}
.repair-time-line { background:url(../img/current-line.png) repeat-y 229px top;}
.repair-time-line ul { clear:both; padding:0; margin-left:50px; margin-bottom:50px;}
.repair-time-line ul li{ float:left; list-style:none;}
.repair-time-line .time{ width:128px; color:#999; line-height:73px;}
.repair-time-line .state { width:65px; font-size:18px; color:#000; margin-left:15px; line-height:73px;}
.repair-time-line .txt{word-break:break-all; word-wrap:break-word; width:300px; line-height:24px; padding-top:20px;}
.repair-time-line .icon-img{ width:73px;}
.repair-time-line i{ display:inline-table; background:#35b5e5; width:19px; height:19px; border-radius:10px; margin-left:27px; margin-top:27px;}
.repair-time-line .on{ display:inline-table; margin-left:0; margin-top:0; background:url(../img/current-img.png) no-repeat; width:73px; height:73px;}
.repair-img-tab {position:relative; width:340px; height:228px; background:url(../img/nopic.gif) no-repeat;}
.repair-img-tab > div {position:absolute;}
.repair-img-tab img{ border:2px #c7c7c7 solid; cursor:pointer;}
.repair-img-tab i{ display:inline-table; width:8px; height:8px; background:url(../img/icon08.png) no-repeat; position:absolute; top:5px; left:5px; cursor:pointer;}
.repair-img-tab sm{ display:inline-table; width:20px; height:20px; background:url(../img/icon09.png) no-repeat; position:absolute; top:1px; right:1px; z-index:10; cursor:pointer;}
.tab-img {position:absolute; z-index:2; bottom:0; right:0;}
.tab-img img{ width:90px;height:60px; transition:all 0.3s;}
.tab-img img:hover{ width:340px; height:228px; }
/* tab-pic */
.notice-list{ border:1px #eee solid; background-color:#fff; padding:15px; margin-top:20px; height:auto; overflow:hidden;}
.notice-list p{ padding:0; margin:0;}
.notice-list:hover{ border:1px #ddd solid; background-color:#f1f1f2}
.notice-list .date{ font-weight:100px; margin-top:30px;}
.notice-list a{ color:#333;}
.notice-list a:hover{ color:#3c92dc;}

/* tab-pic */
.left-btn01{ background:url(../img/left-btn01.png) no-repeat; width:40px; height:150px; display:block; position:absolute; top:50%;; margin-top:-75px; }
.right-btn01{ background:url(../img/right-btn01.png) no-repeat; width:40px; height:150px; display:block; position:absolute; top:50%; right:0; margin-top:-75px; }

/*NEWS-OVERVIEW*/
.left-title{border-radius:5px; height:50px; line-height:50px; padding-left:55px; color:#fff; font-size:22px; font-weight:100; background:#0280c8 url(../img/icon10.png) no-repeat 15px 13px}
.lside{ background:url(../img/xian01.gif) repeat-y 4px; height:auto; overflow:hidden; margin-left:25px; margin-top:25px; list-style:none;}
.lside a{ height:46px; line-height:46px; width:150px; float:left; padding-left:20px; margin-bottom:5px; background:url(../img/dian03.png) no-repeat 1px 18px; color:#666}
.lside a.on,.lside a:hover{ background:url(../img/dian03on.png) no-repeat 0 18px; color:#0280c8; text-decoration:none;}
.line_x{border-bottom:1px #ddd solid; height:1px; overflow:hidden;}
.radius5{border-radius:5px; }



/* 重置表格间距高度 */
.table{ margin-bottom:0 !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #f4f4f4;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #e8e8e8; font-weight:bold; font-family:"宋体"; padding:10px 8px;
}
/* 重置翻页颜色 */
.pagination{ margin:0}
/* 定义thumbnail */
.thumbnail{
  position:relative;
  overflow: hidden;
  background-color:transparent;
}
/* 定义图片说明 */
.caption{
  position: absolute;
  top:0;
  left:0;
  background:rgba(2, 80, 126, 0.5);
  width: 100%;
  height: 100%;
  padding: 2%;
  display: none;
  text-align: center;
  color:#fff !important;
  z-index: 1;
}

/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}


.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}

.box.box-info-blue {
  border-top-color: #35b5e5;
}








